<!--
 * @Description: 
 * @Author: huhao
 * @Date: 2021-11-11 10:00:20
 * @LastEditors: huhao
 * @LastEditTime: 2021-11-11 14:34:42
-->
<template>
  <div style="height:100%" class="page-container">
    <el-container style="height:100%">
      <el-header height="40">
        <header-model></header-model>
      </el-header>
      <el-container>
        <el-aside width="200px">
          <menu-model></menu-model>
        </el-aside>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import HeaderModel from './components/header'
import MenuModel from './components/menu'
export default {
  components: {
    HeaderModel,
    MenuModel
  },
  data () {
    return {}
  },
  methods: {}
}
</script>
<style>
/* 引入代码高亮样式 */
@import '~highlight.js/styles/color-brewer.css';
</style>
